{extend name="wmcommon/menu" /}
{block name="selfcss"}
<link rel="stylesheet" href="__STATIC__/wm_index/css/wm/about.css">
<link rel="stylesheet" href="__STATIC__/wm_index/css/wm/idangerous.swiper.css">
{/block}

{block name='title'}{$cur.name}—关于未名{/block}
{block name='keywords'}{$cur.name},关于未名,研学旅行,心得体会,活动方案,研学实践教育,营地教育,冬令营,夏令营{/block}
{block name='description'}{$cur.name},关于未名{/block}


{block name='maincontent'}
    <div id="particles">
        <img class="bg" src="__STATIC__/wm_index/images/wm/bg_about.jpg" alt="">
        <div class="content">
            <h1>关于未名</h1>
            <p>ABOUT WEIMING</p>
        </div>
    </div>
    <!-- 热点关注 -->
    <div id="silvertrack_box">
        <div class="content">
            <p class="title">
                <span>热点关注</span>
                <img src="http://www.wmyanxue.com/statics/images/wm/icon_horn.png" alt="">
            </p>
            <div class="swiper-container silvertrack" id="silvertrack_">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">教育部《中小学综合实践活动课程指导纲要》</a>&nbsp;&nbsp;
                    </div>
                    <div class="swiper-slide">
                        <a href="#">用正确的理念指导研学旅行</a>&nbsp;&nbsp;
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 面包屑导航 -->
    <p class="crumbs"><a href="http://www.wmyanxue.com">未名研学</a>&nbsp;•&nbsp;<a href="/item/{$parent_id}">关于未名</a> > <a href="/item/{$parent_id}-{$curid}.html">{$cur.name}</a> > </p>
    <!--  -->
    <div class="layout_box">
        <ul class="layout_left" id="layout_left">
            <!-- 这3个定死了是一定有的 -->
            {foreach $catelist as $k => $v}
            <li><a href="/item/{$parent_id}-{$v.id}.html">{$v.name}</a></li>
            {/foreach}
        </ul>
        <div class="layout_right" id="layout_right">
            <!-- 文本编辑器内容显示区域 -->

            <div class="editor_box">
                {foreach $datalist as $k => $v}
                <h1 class="title">{$v.title}</h1>
                <div class="content">
                    {:isset($v.content.content) ? $v.content.content : ''}
                    </p>
                    <p style="text-align: center;"><img alt="" src="{:isset($v.content.thumb) ? $v.content.thumb : ''}" /></p>
                    <!-- end -->
                </div>
                {/foreach}
            </div>

            <!-- 合作咨询 -->
            <div class="cooperation_box">
                <p class="picture"><img src="http://www.wmyanxue.com/statics/images/wm/t_weiminghu2.jpg" alt=""></p>
                <h1>北京博大未名科技有限公司</h1>
                <div class="flex">
                    <ul class="left">
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular1.png" alt="">
                            <div class="info">
                                <p>地址：</p>
                                <p>北京市海淀区中关村西区善缘街一号立方庭大厦</p>
                            </div>
                        </li>
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular2.png" alt="">
                            <div class="info">
                                <p>电话：</p>
                                <p>400-008-1926</p>
                            </div>
                        </li>
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular3.png" alt="">
                            <div class="info">
                                <p>网址：</p>
                                <p>www.wmyanxue.com</p>
                            </div>
                        </li>
                    </ul>
                    <div class="right">
                        <div class="box">
                            <input class="txt" type="text" placeholder="姓名">
                            <input class="txt" type="number" placeholder="电话">
                            <input class="txt" type="text" placeholder="合作意向">
                            <input class="txt" type="text" placeholder="您的单位">
                            <input class="txt" type="text" placeholder="留言">
                        </div>
                        <div class="btn">立即提交</div>
                    </div>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="contact_box">
                <h1 class="title">联系我们</h1>
                <p class="picture"><img src="http://www.wmyanxue.com/statics/images/wm/t_map.jpg" alt=""></p>
                <div class="flex">
                    <div class="left">
                        <img src="http://www.wmyanxue.com/statics/images/wm/logo2.png" alt="">
                        <h2>北京博大未名科技有限公司</h2>
                    </div>
                    <ul class="right">
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular_small1.png" alt="">
                            <p>地址：北京市海淀区中关村西区善缘街一号立方庭大厦</p>
                        </li>
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular_small2.png" alt="">
                            <p>电话：400-008-1926</p>
                        </li>
                        <li>
                            <img src="http://www.wmyanxue.com/statics/images/wm/icon_circular_small3.png" alt="">
                            <p>网址：www.wmyanxue.com</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<script src="__STATIC__/wm_index/js/wm/jquery.particleground.min.js"></script>
<script src="__STATIC__/wm_index/js/wm/idangerous.swiper.js"></script>
<script>
    $(function () {
        $('.nav li').removeClass('on');
        if(location.href.search('faq') != -1){
            $('.nav .faq').addClass('on');
        }else {
            $('.nav .about').addClass('on');
        }

        $('#layout_left a').removeClass('on');
        var href = window.location.href;
        $('#layout_left a').each(function (i, e) {
            if(href == $(e).attr('href')){
                $(e).addClass('on');
            }
        });

        //获取url参数
        function getQueryValue(key) {
            var match = location.search.match(new RegExp(key + '=([^&]*)'));
            return match && match[1] || '';
        }
        // 如果没有id默认显示关于未名
        $(".editor_box").show();
        $('#particles').particleground({
            dotColor: '#c53c43',
            lineColor: '#c53c43',
        });
        // 跑马灯
        var silvertrack = new Swiper('#silvertrack', {
            autoplay: 1, //可选选项，自动滑动
            speed: 3000,
            loop: true, //可选选项，开启循环
            slidesPerView: "auto",
            loopedSlides: 3,
            autoplayDisableOnInteraction: false,
        });
        // 点击左栏下拉菜单
        $("#layout_left").on("click", "p", function () {
            $(this).siblings(".box").slideToggle();
        })
    });
</script>
{/block}
{block name='script'}
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/reset.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/teacher.css" />
{/block}